<template>
	<view class="home">
		<view class="activebg">
			<ty-swiper-home :list="detail.carousel" height='360' radius='50'></ty-swiper-home>
		</view>
		<view class="text-28 text-66 margin-top-40 line-40">
			<ty-text-rich-text :html="detail.content"></ty-text-rich-text>
		</view>
		<view class="memberimg position-relative" v-for="(item,index) in detail.video_url" :key="index">
			<video :src="item" class="memberimg position-relative margin-top-30" danmu-btn controls></video>
			<view class="memberimg position-absolute" style="z-index: 9;top: 0;left: 0;" @click="choseSp(item)">
			</view>
		</view>
		<!-- 视频弹窗 -->
		<view class="" v-if="video_layer_show">
			<ty-layer-videodetail :videourl='video_url' @lvshow="getoff"></ty-layer-videodetail>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				carousel: [{
					image: '/static/board/member.png'
				}, {
					image: '/static/board/member.png'
				}],
				detail: "",
				video_layer_show: false,
				video_url:""
			}
		},
		onReady() {
			this.rq.getData('Wechat/about').then(res => {
				if (res.code == 1) {
					this.detail = res.data
				}
			})
		},
		methods:{
			choseSp(i) {
				this.video_url = i
				this.video_layer_show = true
			},
			getoff() {
				this.video_layer_show = false
			}
		}
	}
</script>

<style>
	.home {
		width: 100%;
		min-height: 100vh;
		background: #fff;
		padding: 40rpx 30rpx;
	}

	.zyjimg {
		width: 110rpx;
		height: 45rpx;
	}

	.xingimg {
		width: 20rpx;
		height: 20rpx;
		position: absolute;
		top: -5rpx;
		right: -25rpx;
	}

	.lineimg {
		width: 76rpx;
		height: 10rpx;
	}

	.memberimg {
		width: 100%;
		height: 360rpx;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
	}

	.signbtn {
		width: 100%;
		height: 88rpx;
		background: #101010;
		box-shadow: 0rpx 16rpx 80rpx 0rpx rgba(66, 66, 67, 0.25);
		border-radius: 200rpx 200rpx 200rpx 200rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 88rpx;
		text-align: center;
	}

	.recordbtn {
		width: 100%;
		height: 88rpx;
		/* background: #fff; */
		border-radius: 200rpx 200rpx 200rpx 200rpx;
		font-size: 32rpx;
		color: #000;
		line-height: 88rpx;
		text-align: center;
		border: 1rpx solid #999999;

	}
</style>